<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
	<title>Food Online</title>
	<link rel="stylesheet" href="style.css" type="text/css" charset="utf-8" />
</head>
<body>
  <div id="wrapper">
    <div id="logo">
      <h1>Bira&#39;s Food&nbsp;&nbsp;&nbsp; </h1>
      <p>Alimentando sua vida</p>
    </div>
    <div id="nav">
      <div id="nav-left">
        <ul>
          <li><a href="#">Home</a></li>
          <li class="orange"><a href="#">Contato</a></li>
        </ul>
      </div>
      <div id="nav-right">
        <ul>
          <li><a href="#">Sobre</a></li>
          <li><a href="#">Cardápio</a></li>
          <li><a href="#">Serviços</a></li>
          <li><a href="#">Pedidos</a></li>
        </ul>
      </div>
    </div>
    <div id="body">
      <div id="left">
        <div id="welcome">
          <h2 class="guilded"><span>Bem Vindo</span></h2>
          <p>Aqui você vai encontrar todas as informações sobre o Bira&#39;s Food.</p>
          <p>Veja nosso cardápio, faça pedidos, entre em contato conosco, entre 
			outras coisas..</p>
          <p>Agradecemos a sua visita e volte sempre.</p>
        </div>
        <div id="chef">
          <h2>Fale com o chef</h2>
          <p>Você tem algum sugestão? Gostaria de saber mais sobre algum de 
			nossos pratos?</p>
          <p>Fale com o chef da nossa cozinha, ele terá o maior prazer em atendê-lo</p>
          <p class="more"><a href="#">entre em 
			contato...</a></p>
        </div>
      </div>
      <div id="right">
        <div id="booking">
          <h2>Reservas Online </h2>
          <form action="" method="get" accept-charset="utf-8">
            <table border="0" width="100%" cellspacing="0" cellpadding="0">
				<tr>
					<th>Nome</th>
					<td>
					<input type="text" name="a" value="" class="text" size="29" /></td>
				</tr>
				<tr>
					<th>Telefone</th>
					<td>
					<input type="text" name="a0" value="" class="text" size="29" /></td>
				</tr>
				<tr>
					<th>Data</th>
					<td>
					<input type="text" name="a1" value="" class="text" size="29" /></td>
				</tr>
				<tr>
					<th>Pessoas</th>
					<td></th>
					<input type="text" name="a4" value="" class="text" size="29" /></tr>
				<tr>
					<th>Hora</th>
					<td>
						<select name="e" size="1">
		                  <option value="almoco">Almoço&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</option>
		                  <option value="jantar">Jantar</option>
	                	</select>
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<input type="submit" name="s" size="30" value="Reservar" style="float: right" />
					</td>
				</tr>
			</table>
          </form>
        </div>
        <div id="menu">
          <h2>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Dica da casa</h2>
          <p>Experimente o Double Bira`s Food, só ele tem o Bira Tempero Especial.</p>
        </div>
      </div>
      <div class="clear"> </div>
      <div id="footer">
        <ul>
          <li><a href="#">Home</a> | </li>
          <li><a href="#">Sobre..</a> | </li>
          <li><a href="#">Cardápio</a> | </li>
          <li><a href="#">Pedidos</a> | </li>
          <li><a href="#">Serviços</a> | </li>
          <li><a href="#">Contato</a></li>
        </ul>
        <p>copyright &copy; birasfood software</p>
      </div>
    </div>
  </div>
</body>
</html>